<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=1400, user-scalable=no, target-densitydpi=device-dpi, initial-scale=0" />
<meta name="viewport"
content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="/static/zhaoping2/css/index.css" />
<title>骞垮窞鍐伴笩鏂囧寲绠€浠�</title>
<script type="text/javascript" src="/static/zhaoping2/js/jquery-1.7.js"></script>
<script type="text/javascript" src="/static/zhaoping2/js/jquery.bpopup.js">
</script>
</head>
<body>
<div class="bg">
<div class="line"></div>
<div class="circle01" id="circle01"></div>
<div class="circle02" id="circle02"></div>
<div class="circle03" id="circle03"></div>
<div class="circle04" id="circle04"></div>
<div class="circle05" id="circle05"></div>
<div class="circle06" id="circle06"></div>
<div class="circle07" id="circle07"></div>
</div>
<div class="content">
<div class="warp">
<ul class="nav">
<li>
<a class="logo"></a>
</li>
<li>
<a class="nav01 active" href="index.html">棣栭〉</a>
</li>
<li>
<a class="nav02" href="recruitment_detail.html">宀椾綅璇︽儏</a>
</li>
<li>
<a class="nav03 " href="about.html">浜嗚В鍏徃</a>
</li>
</ul>
<div class="info01 info curr">
<div class="ball">
<a class="map map01 "></a>
<a class="map map02"></a>
<a class="map map03"></a>
<a class="map map04"></a>
<a class="map map05"></a>
<a class="dian dian01"></a>
<a class="dian dian02"></a>
<a class="dian dian03"></a>
<a class="dian dian04"></a>
<a class="dian dian05"></a>
<a class="dian_s dian_s01"></a>
<a class="dian_s dian_s02"></a>
<a class="dian_s dian_s03"></a>
<a class="dian_s dian_s04"></a>
<a class="dian_s dian_s05"></a>
</div>
<div class="words"></div>
<div class="words_h"></div>
<a class="tip"></a>
</div>
<div class="info02 info">
<div id="mark">
<ul>
<li>
<div class="part" href="#">
<div class="mark01_shang mark">
<img class="icon"
src="/static/zhaoping2/picture/icon.png" alt="">
杩愯惀/甯傚満绫�
</div>
<div class="mark01_xia mark_h">
<img class="icon"
src="/static/zhaoping2/picture/icon.png" alt="">
<a class="link01 link" href="recruitment_detail.html">鐢ㄦ埛杩愯惀</a>
<a class="link02 link" href="recruitment_detail.html">浜у搧杩愯惀</a>
<a class="link03 link" href="recruitment_detail.html">琛屼笟璇勬祴</a>
<a class="link04 link" href="recruitment_detail.html">甯傚満鎺ㄥ箍</a>
<a class="link05 link" href="recruitment_detail.html">鍌ㄥ闊╄杩愯惀</a>
</div>
</div>
</li>
<li>
<div class="part" href="#">
<div class="mark02_shang mark">
<img class="icon"
src="/static/zhaoping2/picture/icon.png" alt="">
璁捐绫�
</div>
<div class="mark02_xia mark_h">
<img class="icon"
src="/static/zhaoping2/picture/icon.png" alt="">
<a class="link01 link" href="recruitment_detail.html ">骞抽潰璁捐甯�</a>
<a class="link02 link" href="recruitment_detail.html ">瑙嗛璁捐甯�</a>
</div>
</div>
</li>
<li>
<div class="part" href="#">
<div class="mark03_shang mark">
<img class="icon"
src="/static/zhaoping2/picture/icon.png" alt="">
寮€鍙�/杩愮淮绫�
</div>
<div class="mark03_xia mark_h">
<img class="icon"
src="/static/zhaoping2/picture/icon.png" alt="">
<a class="link01 link" href="recruitment_detail.html ">鍓嶇寮€鍙戝伐绋嬪笀</a>
<a class="link02 link" href="recruitment_detail.html ">Java鍚庣寮€鍙戝伐绋嬪笀</a>
<a class="link03 link" href="recruitment_detail.html ">iOS寮€鍙戝伐绋嬪笀</a>
<a class="link04 link"
href="recruitment_detail.html ">Android寮€鍙戝伐绋嬪笀</a>
<a class="link05 link" href="recruitment_detail.html ">杩愮淮宸ョ▼甯�</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="footer">
<style>
.footer {
height: 100px;
background: #232020;
text-align: center;
position: fixed;
bottom:0;
width:100%;
}
.footer-copy {
font-size: 15px;
color: #B9B9B9;
padding-top: 8px;
}
.footer p {
width: 100%;
float: left;
text-align: center;
line-height: 25px;
font-size: 14px;
}
.footer-copy p {
height: 25px;
line-height: 25px;
}
.gov {
color: #31AAE2;
text-decoration:none;
}
.whjy {
position: absolute;
display: inline;
width: 50px;
height: 50px;
top: 0px;
padding: 2px;
}
</style>
<div class="footer">
<div class="footer-copy">
<p>骞垮窞鍐伴笩缃戠粶绉戞妧鏈夐檺鍏徃 鐗堟潈鎵€鏈�
<a class="gov" href="https://beian.miit.gov.cn" target="_blan
k">绮CP澶�17138042鍙�</a>
</p>
<p>鍦板潃锛氬箍涓滅渷骞垮窞甯傚ぉ娌冲尯澶╂渤璺�490鍙�3803瀹�3804瀹�3805瀹�(浠呴檺鍔炲叕)</p>
<p>COPYRIGHT @2022 ALL RIGHTS RESERVED</p>
</div>
</div>
</div>
</div>
<script src="/static/zhaoping2/js/api.js"></script>
<script src="/static/zhaoping2/js/index.js" type="text/javascript"
charset="utf-8"></script>
<script src="/static/zhaoping2/js/indexbusi.js"></script>
<script src="/static/zhaoping2/js/jquery.min.js"></script>
<script src="/static/zhaoping2/js/jquery.mousewheel.min.js"></script>
<script type="text/javascript">
$('.tabbar_box div').click(function () {
$(this).addClass('curr').siblings().removeClass('curr');
$('.info').eq($(this).index()).addClass('curr').siblings().removeClass('curr');
})
$('.btn01').click(function () {
$('.info02').addClass('curr').siblings().removeClass('curr');
$('.tabbar_box .tab02').addClass('curr').siblings().removeClass('curr');
})
breaks()
function breaks() {
var shadows = setTimeout(function () {
$(".words").css("display", "none")
$(".words_h").css("display", "block")
}, 3000);
}
$('.info').bind('mousewheel', function (event, delta) {
var dir = delta > 0 ? 'Up' : 'Down';
if (dir == 'Up') {
$(".info01").addClass("curr")
$(".info02").removeClass("curr")
$(".tab01").addClass("curr")
$(".tab02").removeClass("curr")
$(".words").css("display", "block")
$(".words_h").css("display", "none")
breaks()
} else {
$(".info01").removeClass("curr")
$(".info02").addClass("curr")
$(".tab01").removeClass("curr")
$(".tab02").addClass("curr")
}
});
let isMove = false,
addClassOn;
window.onmousemove = function (e) {
e = e || window.event;
var x = 0.1 + e.clientX / document.body.offsetWidth;
var y = 0.2 - e.clientY / document.body.offsetHeight;
document.getElementById("circle01").style.transform = "translate(" + x * 0.2 + "rem," + y * 0.2 + "rem)";
document.getElementById("circle02").style.transform = "translate(" + x * 0.2 + "rem," + y * 0.25 + "rem)";
document.getElementById("circle03").style.transform = "translate(" + x * 0.2 + "rem," + y * 0.2 + "rem)";
document.getElementById("circle04").style.transform = "translate(" + x * 0.2 + "rem," + y * 0.25 + "rem)";
document.getElementById("circle05").style.transform = "translate(" + x * 0.2 + "rem," + y * 0.2 + "rem)";
document.getElementById("circle06").style.transform = "translate(" + x * 0.2 + "rem," + y * 0.25 + "rem)";
document.getElementById("circle07").style.transform = "translate(" + x * 0.2 + "rem," + y * 0.2 + "rem)";
}
</script>
</body>
</html>